<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
a:link{color: #000000;}/*未访问链接*/
a:visited{color: #00FF00;}/*已访问链接*/
a:hover{color: #FF00FF;}/*鼠标移动到链接上*/
a:active{color: #0000FF;}/*鼠标点击时*/
</style>
</head>
<body>
    <p><b><a href="hhtp://www.baidu.com" target="blank">这是一个链接</a></b></p>
    <p><b>注意：</b>a:hover必须在a:link和a:visited之后，需要严格按顺序才能看到效果</p>
    <p><b>注意：</b>a:active必须在a:hover之后。</p>
    </body>
</html>